| layui button(按钮)图标、颜色切换 | 您所在的位置：网站首页 › layui button 设置图标 › layui button(按钮)图标、颜色切换 |
layui button(按钮)图标、颜色切换
|
layui button(按钮)图标、颜色切换（节选）： 按钮默认图标、颜色效果： html部分： JS部分： 监听按钮点击事件，通过preview_enable_button状态进行按钮图标、颜色的切换操作。 var preview_enable_button = 1; $("#LAY-preview_enable-button-submit").click(function () { if (preview_enable_button == 1) { document.getElementById("preview_enable").className="layui-icon layui-icon-play"; document.getElementById("LAY-preview_enable-button-submit").className="layui-btn"; preview_enable_button = 0; my_function(); } else { document.getElementById("preview_enable").className="layui-icon layui-icon-pause"; document.getElementById("LAY-preview_enable-button-submit").className="layui-btn layui-btn-danger"; preview_enable_button = 1; my_function(); } });其中，layui-btn 按钮为默认形状颜色， layui-btn-danger 按钮颜色会变橙红色， layui-icon-pause 按钮图标为暂停，layui-icon-play 按钮图标为播放。 |
按钮点击后图标、颜色效果： 
【本文地址】
公司简介
联系我们